<script>
	export default {
		onLaunch: function() {
			// console.log('App Launch')
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	.container {
		width: 100vw;
		min-height: 100vh;
		overflow: hidden;
		background-color: #f8f8f8;

		.nav-bar {
			width: 100vw;
			height: 45px;
			background-color: #ececec;
			box-sizing: border-box;
			padding: 0 3vw;
			display: flex;
			justify-content: space-between;
			position: relative;

			&>* {
				height: 45px;
				line-height: 45px;
				display: inline-block;
			}
			
			.title {
				width: 50vw;
				font-size: 1.1rem;
				text-align: center;
				position: absolute;
				z-index: 0;
				top: 0;
				left: 25vw;
			}

			.back {
				font-size: 1.5rem;
				font-weight: bold;
				text-align: center;
			}
		}
		
		.tab-bar {
			width: 100vw;
			height: 50rpx;
			box-sizing: border-box;
			padding: calc((50rpx - 24rpx - 1rem) / 2) 0;
			border-top: 1px solid #dcdcdc;
			display: flex;
			justify-content: space-around;
			position: fixed;
			left: 0;
			bottom: 0;
			z-index: 999;
			
			.page {
				width: 4rem;
				height: calc(24rpx + 1rem);
				text-align: center;
				
				.icon {
					width: 24rpx;
					height: 24rpx;
				}
				
				.text {
					width: 4rem;
					height: 1rem;
					font-size: 0.9rem;
					line-height: 1rem;
				}
			}
		}
		
		.scroll-view {
			height: 100%;
		}
	}
</style>
